File: /var/www/html/orbidirectory.com/resources/views/front/partial/transportVehicle_list.blade.php
@foreach ($transporters as $transporter)
@if (count($transporter->vehicle))
<div class="col-lg-4 col-md-6 col-sm-12 col-12">
<div class="car-wrap">
<div class="position-relative">
<div class="car-wrap-image-1">
@php
$mediaItems = $transporter->vehicle[0]->getMedia('vehicle_image');
@endphp
@if ($mediaItems->isNotEmpty())
<img src="{{ $mediaItems[0]->getUrl() }}" alt="Vehicle Image">
@else
<img src="{{ asset('assets/front/website/img/car-drive-2.jpeg') }}" alt="Default Image">
@endif
</div>
{{-- <a href="#" class="openReportModal userInfo_img" data-bs-toggle="modal"
data-bs-target="#userReport">
<img src="{{ asset('assets\front\website\img\userinfo.png') }}" alt="Reported User"
width="30" style="cursor: pointer,margin-top:300px">
</a> --}}
</div>
<div class="car-types">
<div class="car-models">
<div class="arrow-icon-1">
<i class="fas fa-angle-up"></i>
</div>
<div class="arrow-icon">
<i class="fas fa-angle-down"></i>
</div>
<form action="">
@foreach ($transporter->vehicle as $vehicle)
<div class="form-check">
<input type="radio" class="form-check-input car-model-radio"
id="radio{{ $vehicle->id }}" name="optradio" value="{{ $vehicle->id }}"
data-make="{{ optional($vehicle->get_make)->name }}"
data-model="{{ optional($vehicle->get_model)->name }}"
data-vehicle_type_id="{{ optional($vehicle->Vehicle_type)->id }}"
data-fuel_type="{{ $vehicle->fuel_type }}"
data-transmission_type="{{ $vehicle->transmission_type }}"
data-seating_capacity="{{ $vehicle->seating_capacity }}"
data-service_type="{{ $vehicle->service_type }}"
data-viewcontactdetails="{{ $vehicle->id }}" data-modal="{{ $vehicle->id }}"
data-vehicle_id="{{ $vehicle->id }}"
data-transporter_id="{{ $transporter->id }}" {{-- data-city="{{ $vehicle->city->name ?? '' }}" --}}
{{ $loop->first ? 'checked' : '' }}>
<label class="form-check-label" for="radio{{ $vehicle->id }}">
{{-- {{ optional($vehicle->get_make)->name }} --}}
{{ optional($vehicle->get_model)->name }}
</label>
</div>
@endforeach
</form>
</div>
<div class="car-details">
<span class="admin_name text-dark">
@php
$transporter_image = $transporter->getMedia('transporter_image');
@endphp
@if ($transporter_image->isNotEmpty())
<img src="{{ $transporter_image[0]->getUrl() }}" alt="Vehicle Image">
@else
<img src="{{ asset('assets/front/website/img/user-user.png') }}" alt="Default Image">
@endif
{{ ucfirst(optional($transporter)->business_name) }}
</span>
@if ($transporter->vehicle)
<div class="car-details-item" id="car-details-container-13" data-model-id="8">
<div class="car-details-heading">
<h5>
{{ $vehicle->get_make ? $vehicle->get_make->name : '' }}
{{-- {{ $vehicle->get_model ? $vehicle->get_model->name : '' }} --}}
</h5>
</h5>
<p class="details-sub-heading">
{{ $vehicle->vehicle_type ? $vehicle->vehicle_type->name : '' }}
</p>
</div>
<div class="car-details-text">
<img src="{{ asset('assets/front/website/img/fuel.png') }}" alt="...">
<span class="right-details-fuel"> {{ $transporter->vehicle[0]->fuel_type }} </span>
</div>
<br>
<div class="car-details-text">
<img src="{{ asset('assets/front/website/img/steering-wheel (1).png') }}"
alt="...">
<span
class="right-details-transmission">{{ $transporter->vehicle[0]->transmission_type }}</span>
</div>
<br>
<div class="car-details-text">
<img src="{{ asset('assets/front/website/img/car-seat.png') }}" alt="...">
<span
class="right-details-seating">{{ $transporter->vehicle[0]->seating_capacity }}
seater</span>
</div>
<br>
{{-- <div class="car-details-text">
<img src="{{ asset('assets/front/website/img/transport copy.png') }}"
alt="...">
<span
class="car-details-servicetype">{{ $transporter->vehicle[0]->service_type }}</span>
</div> --}}
<br>
{{-- <div class="car-details-text">
<img src="{{ asset('assets/front/website/img/location-pin.png') }}" alt="...">
<span class="car-details-city">
{{ optional(optional($transporter->vehicle[0] ?? null)->city)->name ?? '' }}
</span>
</div> --}}
<div
class="details-button text-start d-flex justify-content-between align-items-center">
<button class="btn style-skew-1 contactdetails" data-id="{{ $vehicle->id }}"
data-transporter-id="{{ isset($vehicle->transporters) ? $vehicle->transporters->id : '' }}">
<span>Contact Now</span>
</button>
</div>
<a href="#!" class="openReportModal userInfo_img" data-bs-toggle="modal"
data-bs-target="#userReport">
<img src="{{ asset('assets\front\website\img\userinfo.png') }}" alt="Reported User"
width="30" style="cursor: pointer,margin-top:300px">
</a>
</div>
@endif
</div>
</div>
</div>
</div>
@endif
@endforeach
<div class="modal fade" id="userReport" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Report a User</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="container">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 col-12">
<!-- Display success message -->
@if (session('report_success'))
<div class="alert alert-success" id="report-success-message" role="alert">
{{ session('report_success') }}
</div>
@endif
<!-- Display validation errors -->
@if ($errors->any())
<div class="alert alert-danger" role="alert">
<ul class="mb-0">
@foreach ($errors->all() as $error)
<li>{{ $error }}</li>
@endforeach
</ul>
</div>
@endif
<form action="{{ route('report.user') }}" method="Post" class="data-form" id="userRequest"
enctype="multipart/form-data">
@csrf
<div class="row g-3">
<div class="col-md-12">
<input type="text" class="form-control form-0" id="name"
name="name" placeholder="Your Name (Optional)">
</div>
<div class="col-md-12">
<input type="text" class="form-control form-0" id="email"
name="email" placeholder="Email Address (Optional)">
</div>
<div class="col-md-12">
<input type="text" class="form-control form-0" id="transporter_name"
name="transporter_name" placeholder="Transporter Name" required>
</div>
<div class="col-md-12">
<input type="file" class="form-control form-0" id="reported_user_image"
name="reported_user_image" placeholder="Upload File.." required>
</div>
<div class="col-12">
<textarea class="form-control form-0" id="reason" name="reason" rows="4" placeholder="Reason..."
required></textarea>
</div>
<div class="col-12">
<div class="row">
<div class="submit-grp">
<button type="submit" class="btn fw-bold w-100 style-skew"><span>
Submit Report
</span></button>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{{-- <div class="modal fade" id="reportedUserModal" tabindex="-1" role="dialog" aria-labelledby="reportedUserModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="reportedUserModalLabel">Report a User</h5>
<button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<form id="reportForm" action="{{ route('report.user') }}" method="POST" enctype="multipart/form-data">
@csrf
<div id="successMessage" class="mt-3" style="display: none;"></div>
<div id="errorMessage" class="mt-3" style="display: none;"></div>
<div class="form-group">
<label>Name (Optional):</label>
<input type="text" name="name" class="form-control" placeholder="Enter Name">
</div>
<div class="form-group">
<label>Email (Optional):</label>
<input type="email" name="email" class="form-control" placeholder="Enter Email">
</div>
<div class="form-group">
<label>Transporter:</label>
<input type="text" name="transporter" class="form-control" placeholder="Enter Transporter" required>
</div>
<div class="form-group">
<label>Reason:</label>
<input type="text" name="reason" class="form-control" placeholder="Enter Reason">
</div>
<div class="form-group">
<label>Upload Evidence :</label>
<input type="file" name="file" class="form-control-file">
</div>
<button type="submit" class="btn btn-primary">Submit Report</button>
</form>
</div>
</div>
</div>
</div> --}}
{{-- let's ride now popup --}}
<div class="modal fade orbicontactdetails" id="orbi-contactdetails" tabindex="-1"
aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Contact Details</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="container">
<div class="row">
<form action="{{ route('leadslisting.store') }}" method="Post" class="data-form"
id="taxiBookingForm">
<small class="mb-3 d-block">We request your contact details to maintain authenticity and
offer you reliable business information.</small>
@csrf
@if (isset($vehicle))
<div class="row g-3">
<div class="col-md-6">
<input type="hidden" id="transporter_id" name="transporter_id"
value="{{ $vehicle->transporters ? $vehicle->transporters->id : '' }}">
<input type="hidden" id="vehicle_id" name="vehicle_id"
value="{{ $vehicle->id }}">
<input type="text" class="form-control form-0" id="your_name"
name="your_name" placeholder="Your Name">
</div>
<div class="col-md-6">
<input type="text" class="form-control form-0 contact-info"
id="your_number" name="your_number" placeholder="Phone Number">
</div>
<div class="col-md-6">
<input type="email" class="form-control form-0 contact-info"
id="your_email" name="your_email" placeholder="Email Address">
</div>
{{-- <input type="text" class="form-control form-0 contact-info"
id="your_source" name="your_source" placeholder="Source"> --}}
<div class="col-12">
<div class="row">
<div class="submit-grp d-flex flex-row-reverse">
<button type="submit"
class="btn fw-bold w-30 style-skew vehicle_info"
data-id="{{ $vehicle->id }}">
<span>View Contact</span>
</button>
</div>
</div>
</div>
</div>
@endif
</form>
</div>
</div>
</div>
</div>
</div>
</div>